{volist name="product" id="v"}
<div class="holder notactive">
    <span class="kjfw-ul_img"><img src="{$v.thumb}" border="0" /></span>
    <span class="kjfw-morekjfw-more"><a href="/html/product/detail/id/{$v.id}.html" target="_blank">详情</a></span>
    <span class="kjfw_tit"><a href="/html/product/detail/id/{$v.id}.html" onclick="void(0)" target="_blank" title="{$v.name}" istitle="true">{$v.name}</a></span>
    <div class="textnr">
        <span class="kjfw_titt"><a href="/html/product/detail/id/{$v.id}.html" onclick="void(0)" target="_blank" title="{$v.name}" istitle="true">{$v.name}</a></span>
        <span class="kjfw_ext123">{$v.cname} | {$v.flavor} | {$v.vol}vol | {$v.netwt}ml</span>
        <span class="kjfw_ext4">{$v.mark}</span>
    </div>
</div>
{/volist}
<script type="text/javascript">
    $(document).ready(function() {
        $('.holder').hover(function() {
            $(this).find(".kjfw-ul_img").stop(true, true).animate({ "margin-top": "-50px" });
            $(this).find(".kjfw_tit").css({ "border-color": "transparent" });
            $(this).find(".textnr").stop(true, true).animate({ "bottom": "0" });
            $(this).find(".kjfw-morekjfw-more").stop(true, true).animate({ "margin-top": "20px" });
        }, function() {
            $(this).find(".kjfw-ul_img").stop(true, true).animate({ "margin-top": "0" });
            $(this).find(".kjfw_tit").css({ "border-color": "#710304" });
            $(this).find(".textnr").stop(true, true).animate({ "bottom": "-200px" });
            $(this).find(".kjfw-morekjfw-more").stop(true, true).animate({ "margin-top": "220px" });
        });
    });
    </script>